canvas {
		position:absolute;
		width: 800px;
		height: 600px;
		border: 1px solid black; 
	}
	.blk
	{
		opacity: 0.7;
		border:1px solid #000;
		background:#fff;
		position:absolute;
		padding: 5px;
		z-index: 10;
		font-family: verdana,arial,helvetica,sans-serif;
		font-size: 9px;
	}
	.blk h1{
		margin:0;
		padding:0;
		cursor: move;
		font-size: 11px;
		padding: 2px;
	}
	.blk ul{
		margin:0;
		padding:2px 0 0 0;
	}
	.blk li {
		margin:0;
		padding:0;
		list-style:none
	}
	
	.blk li:nth-child(even) {
		background-color: #DDEEFF;
	}
	
	.blk li .key{
		background-color: green;
	}
	#blk-a{
		left:15px;
		top:50px;
	}
	#blk-b{
		left:375px;
		top:250px;
	}
	
	h2 {
		font-family: "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
		padding: 0;
		margin: 6px 0 0 0;
	}
	
	p {
		padding: 0;
		margin: 0;
	}
	
	ul {
		margin: 0;
	}
	